@charset "utf-8";
/* CSS Document */

body{ margin:0px auto; padding:0px; font-family:Arial, "微软雅黑"; font-size:14px; line-height:26px; color:#333; }
table,div,p,ul,ol,li{ margin:0px auto; padding:0px; border:none;}
table{ empty-cells:show; border-collapse:collapse;}
td{ vertical-align:top;}
li{ list-style-type:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#0f77c0}
li a:hover{ color:#0f77c0}
a img{ border:none;}
.clear{ clear:both; height:0px; line-height:0px; font-size:0px; overflow:hidden;}
.hei10{ height:10px;}
.hei20{ height:20px;}
.hei30{ height:30px;}

 .clearfix::after{ clear: both; display: block; height: 0; content: '';}
.m5 {
	width: 1120px;
	margin: 0px auto; 
}

	
.m {
	width: 1200px;
	margin: 0px auto; 
}
.lf {
	float: left;
}




.top{ width:100%; height:40px; background-color:#f2f2f2; border-bottom:1px solid #CCC;}
.topz{ width:1200px; margin:0 auto; position:relative; }

.topz-l{ line-height:40px; color:#333333; font-size:15px; position:absolute; left:0px; top:0px;  }
.topz-l2{position:absolute; left:300px; top:3px; width:180px; }
.topz-l2 ul li{ float:left; margin-right:6px;}

.topz-l3{position:absolute; right:140px; top:0px; width:180px; }


.topz-l3 a{ line-height:40px; }
.topz-l3 img{position:absolute; right:185px; top:3px; }

.topz-l4{position:absolute; right:0px; top:0px; width:150px; font-size:15px; }
.topz-l4 a{ line-height:40px;}

/* 头部 */
.head{ width:100%; height:103px;  background-color:#f2f2f2;}
.headz{ width:1200px;  margin:0px auto;   text-align:center; height:100px; }

.logo{ float:left;}
.logo img{ margin-top:5px;}
.daohang1{ width:880px; height:100px;  float:right;  color:#333;  }

.menu {font-family: "微软雅黑"; width:900px;margin:0px auto; padding:0px;  text-align:center;height:100px;  }
.menu ul li {float:left; position:relative;}
.menu li .hide{ height:103px;  width:110px;}

.menu ul li .hide2{ margin-top:50px;}

.menu ul li a, .menu ul li a:visited {display:block;  text-align:center; text-decoration:none; width:110px;color:#333; font-weight:bold;  line-height:100px; font-size:16px; text-transform:uppercase;}
.menu ul li ul {display: none;}
.menu ul li:hover a {color:#fff; background-color:#0f77c0; }
.menu ul li:hover ul {display:block; position:absolute; top:50px; left:0; text-align:left;}
.menu ul li:hover ul li a {display:block; background:#f1f1f1;font-size:14px;font-weight:normal;width:110px;line-height:21px;border-bottom:1px solid #fff;color:#666;text-align:center;
 padding:6px 0px 6px 0px;}
.menu ul li:hover ul li a:hover {background:#0f77c0; color:#fff;font-size:14px;font-weight:normal;text-align:center;  padding:6px 0px 6px 0px; }


.banner{position:relative;width:100%;min-width:1000px;height:480px;background:#13295b;overflow:hidden;z-index:9; margin:0px; padding:0px;}
#fullSlide{width:100%;position:relative;height:480px;background:#000;}
#fullSlide .bd{margin:0 auto;position:relative;z-index:0;overflow:hidden;}
#fullSlide .bd ul{width:100% !important;}
#fullSlide .bd li{width:100% !important;height:480px;overflow:hidden;text-align:center;}
#fullSlide .bd li a{display:block;height:711px;}
#fullSlide .hd{position:absolute;bottom:0;left:0;width:100%;z-index:1;height:28px;line-height:28px;text-align:center;}
#fullSlide .hd ul{height:28px;text-align:center;}
#fullSlide .hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:15px;height:28px;margin:0 5px;background:url(../images/ico.png) no-repeat 0 -169px;overflow:hidden;line-height:9999px;}
#fullSlide .hd ul .on{background:url(../images/ico.png) no-repeat -17px -169px;}


.sousu{ width:100%; height:60px; background-color:#f2f2f2; }
.sousuz{ height:60px;}
.sousuz-l{ width:800px; float:left; line-height:60px; font-size:15px; color:#333; text-align:left;}
.sousuz-l a{line-height:60px; font-size:15px; color:#333; text-align:left;}


.sousuz-r{ width:400px; float:right;}


#popup {
      display: none;
 
      position: absolute;
      z-index: 222222222222222222222222;
      top:0px;
	  right:18%;
      width: 220px;
      height: 70px;
	  background-color:#e4e3e3;
	  border:1px solid #c3c3c3; margin-top:75px; border:1px solid #f00;
    }
	.sousuz-r{ width:248px; position:relative;}
#popupl{ position:absolute; top:15px; left:2px;}
#popupr{ background:url(../images/fang.png) no-repeat center; background-color:#0f77c0; border:1px solid #0f77c0; position:absolute; top:15px; right:3px;}



.bt{ background: url(../images/titlebg.png) no-repeat center; text-align:center; margin-bottom:10px; height:100px;  padding-top:20px; color:#565656; }
.bt span a{ color:#0f77c0; }
.bt  span a:hover{ color:#0f77c0;text-decoration:none; }
.bt p{ color:#313030; font-size:14px; line-height:30px; text-transform:uppercase; }
.bt span{font-size:31px; line-height:40px; color:#bf1a1e; font-weight:bold;  }


.about{ width:100%; height:460px; background-color:#f2f2f2; margin-top:10px;}
/*ab*/

.tu{ width:500px; float:left; margin-top:12px; }
.wzl{ width:650px; float:right; font-size:16px; line-height:30px; padding:10PX 0; height:230PX;}
.wzl span{ color:#0686f8}
.wzl span a{ color:#0686f8}
.wzl p{ text-indent:32px; color:#313030; font-size:15px; text-align:left;}
.wzl b{ color:#0283cd; font-size:15px; text-align:center; display:block;}



.product-r-b{ width:1200px; height:830px;  }
.product-r-b ul li{ float:left; width:280px; height:220px; margin:0px 4px 50px 11px; border:1px solid #ccc;}
.product-r-b ul li img{ color:#444343; font-size:15px;  width:280px; height:220px;}
.product-r-b ul li:hover{ border:1px solid #098bd2;}
.product-r-b ul li a{ color:#444343; font-size:15px;  text-align:center; display:block;}
.product-r-b ul li a:hover{ color:#0e77e4;}

.chakan{ width:140px; height:40px; border:1px solid #dfdede;}

.chakan a{ line-height:40px; font-size:15px; width:140px; height:40px; display:block; text-align:center; }
/*左导航*/
.product-left{width:270px; height:75px; background-color:#0e77e4; position:relative; }
.product-left img{ position:absolute; top:14px; left:30px;}
.product-left p{ color:#fff; font-size:26px;  position:absolute; top:25px; right:30px;}


.product-z{ width:270px; background-color:#f6f6f6;}
.product-z ul{ padding-bottom:10px; padding-top:10px;}
.product-z ul li{ color:#444343; width:235px; height:52px; line-height:52px; font-size:15px; border-bottom:1px dashed #CCCCCC; text-align:left; background:url(../images/cpdot.jpg) right no-repeat;}

.product-left2{width:270px; height:75px; background-color:#0e77e4; position:relative; }
.product-left2 img{ position:absolute; top:10px; left:30px;}
.product-left2 p{ color:#fff; font-size:26px;  position:absolute; top:25px; right:30px;}


.product-z2{ width:270px; background-color:#f6f6f6;padding:10px 0px 10px 0px;}

.product-z2 p{ color:#666666;  font-size:14px; width:225px; text-align:left; line-height:40px; }


.cptop{ background:url(../images/cptop.jpg) no-repeat center; width:870px; height:65px;}
.cptop a{ float:right; line-height:45px;  margin-right:17px;}


.pro{ width:275px; height:100px; background-color:#f7f7f7; margin-top:-8px;}
.pro p{ width:255px; height:30px; border-bottom:1px solid #e7e7e7; line-height:30px; text-align:center; color:#0283cd; margin-top:5px;}
.pro span{ width:255px; display:block;}



.mr_frboxz{ width:1260px; margin:0 auto;  height:350px; }

.mr_frBtnL{float:left;margin:150px 0px 0px 0px;cursor:pointer;display:inline; }

.mr_frUl{float:left;height:300px; margin-left:25px;  margin-top:20px; overflow:hidden; }

.mr_frUl ul li p{ font-size:16px; margin-top:20px; text-align:center;}
.mr_frUl ul li img{ max-width:270px; max-height:220px; border:1px solid #f2f2f2;}

.mr_frBtnR{float:right;margin:150px 13px 0px 0px;cursor:pointer; }

.mr_frUl ul li{display:inline;float:left;height:280px;width:270px;margin-right:6px;overflow:hidden; border:1px solid #ccc; margin-left:7px; background-color:#FFF;}


/*合作伙伴*/
.center3f{width:1240px; margin:0px auto;}
.center3f li{ width:230px; height:140px; float:left; margin-left:13px; margin-right:2px; margin-bottom:50px;}
.center3f ul li p{ text-align:center;}

.center3f img{ border-bottom:1px #CCCCCC solid; border-right:1px #CCCCCC solid;} 
.center3f li img{ border:1px #eee solid;}
.center3f li:hover img{ transition:all 0.2s; opacity:0.75;filter:Alpha(Opacity=75); border:1px #EEE solid;  box-shadow:0px 1px 10px #999; }

/*foot*/
.bottoms{ width:100%;   background:#292929; overflow:hidden; }
.bottoms .lkMds{ border-top:1px solid #333; border-bottom:1px solid #333; padding:15px 0 0 0; margin-top:18px; overflow:hidden}



.footbg{ width:100%; color:#9b9b9b; font-family:microsoft yahei; text-align:left;}
.foot{width:1200px;margin:30px auto;overflow:hidden}
.foot h3{ padding-bottom:10px; color:#fff;color:#fff; font-size:18px; font-weight:normal}
.foot h3 a{color:#fff; font-weight:normal}
.foot h3 a.mores{ font-size:12px;}
.foot h3 a:hover{color:#ffffff;}
.foot h3 em{ float:right; font-size:12px;}
.foot ul{ margin:0px; padding:30px 0px 0px; height:255px;color:#9b9b9b;}
.foot ul li{ float:left;}

.foot ul li.last{ margin-right:0;}
.foot dl{ margin:0px; padding:0px; height:auto;}
.foot dl dd{ float:left; width:312px;}
.foot dl dd p{ margin:0px; padding:5px 0px 0px;}
.foot dl dd p span{ display:inline-block; height:31px; line-height:31px; font-size:14px; color:#b5b5b5;background:url(../images/index_377.png) no-repeat;}
.foot dl dd p span.ywdh{  padding-right:10px;}



.foot dl dd a{color:#b5b5b5;}
.foot dl dd a:hover{ color:#images;}
.foot dl dt{ float:right; width:480px; line-height:22px; margin-left:5px}
.foot dl dt p a { color:#9b9b9b; }
.foot dl dt p a:hover{ color:#CCC}
.foot dl dd .wm{ float:left; width:112px;}
.foot dl dd .wm p{ text-align: center; line-height:45px; font-size:14px }




.bd1{ width:220px;  line-height:36px; height:36px; margin-top:8px; font-family:"微软雅黑"; color:#666; padding-left:15px;border:#CCC 1px solid;}


.bd3{ width:460px;  line-height:36px;height:72px;  margin-top:8px; font-family:"微软雅黑"; color:#666; padding-left:15px;border:#CCC 1px solid;}

.bd2{ width:220px; line-height:30px; height:30px; margin-top:12px; font-family:"微软雅黑"; color:#fff; background-color:#004d93; font-size:16px;border:#004d93 1px solid;    }



#footer{border-top:1px #3a3a3a solid; width:100%}
.footer{width:1200px;margin:0px auto;color:#8e8e8e; padding:10px 0; font-size:13px;  overflow:hidden; text-align:center}


.footer a{ color:#8e8e8e;}
.footer a:hover{ color:#8e8e8e;}

/*内页*/

.product-r-b2{ width:890px;  }
.product-r-b2 ul li{ float:left; width:280px; height:220px; margin:0px 0px 40px 13px; border:1px solid #ccc;}
.product-r-b2 ul li img{ color:#444343; font-size:15px;  width:280px; height:220px;}
.product-r-b2 ul li:hover{ border:1px solid #098bd2;}
.product-r-b2 ul li a{ color:#444343; font-size:15px;text-align:center; display:block;}
.product-r-b2 ul li a:hover{ color:#0e77e4;}




.daohang{ width:100%; height:50px; border-bottom:1px solid #cccccc;}
.daohangz{ line-height:50px; text-align:left;}
.daohangz a{ color:#0283cd;}
.jianjie{ width:890px; color:#333333;  }




.productxq{ width:890px; }


DIV.yahoo2 {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; FONT-SIZE: 0.85em; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; FONT-FAMILY: Tahoma,Helvetica,sans-serif; TEXT-ALIGN: center; margin-top:30px;
}
DIV.yahoo2 A {
	BORDER-RIGHT: #ccdbe4 1px solid; PADDING-RIGHT: 8px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccdbe4 1px solid; PADDING-LEFT: 8px; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccdbe4 1px solid; COLOR: #0081cc; MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccdbe4 1px solid; TEXT-DECORATION: none
}
DIV.yahoo2 A:hover {
	BORDER-RIGHT: #0081cc 1px solid; BORDER-TOP: #0081cc 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #0081cc 1px solid; COLOR: #fff; BORDER-BOTTOM: #0081cc 1px solid; BACKGROUND-COLOR: #0081cc
}
DIV.yahoo2 A:active {
	BORDER-RIGHT: #2b55af 1px solid; BORDER-TOP: #2b55af 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #2b55af 1px solid; COLOR: #fff; BORDER-BOTTOM: #2b55af 1px solid; BACKGROUND-COLOR: #3666d4
}
DIV.yahoo2 SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.yahoo2 SPAN.disabled {
	DISPLAY: none
}
DIV.yahoo2 A.next {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 0px 0px 10px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.next:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}
DIV.yahoo2 A.prev {
	BORDER-RIGHT: #ccdbe4 2px solid; BORDER-TOP: #ccdbe4 2px solid; MARGIN: 0px 10px 0px 0px; BORDER-LEFT: #ccdbe4 2px solid; BORDER-BOTTOM: #ccdbe4 2px solid
}
DIV.yahoo2 A.prev:hover {
	BORDER-RIGHT: #2b55af 2px solid; BORDER-TOP: #2b55af 2px solid; BORDER-LEFT: #2b55af 2px solid; BORDER-BOTTOM: #2b55af 2px solid
}


.projian{ width:890px; }

.projian-l{ width:350px; float:left;}
.projian-l img{ max-width:350px; max-height:215px;}
.projian-r{ width:490px; float:right; }

.projian-rtop{ height:35px; width:400px; border-bottom:2px solid #f2f2f2; line-height:35px; color:#0283cd; font-size:21px;}
.projian-r p{ width:400px; line-height:30px; color:#333333; font-size:14px; text-align:left;}

.biao4{width:890px; height:25px;}
.biao4-l{ width:80px; height:25px; border-left:#0283cd 3px solid; font-size:17px; text-align:right; line-height:25px; float:left; color:#0283cd;}
.biao4-r{ width:760px; height:18px; border-bottom:#f2f2f2 2px solid; font-size:14px; text-align:right; line-height:18px; float:right; background:url(../images/dot2.jpg) no-repeat right; padding-right:15px;}

.biao5{width:890px; height:25px;}
.biao5-l{ width:90px; height:25px; border-left:#0283cd 3px solid; font-size:17px; text-align:right; line-height:25px; float:left; color:#0283cd;}
.biao5-r{ width:760px; height:18px; border-bottom:#f2f2f2 2px solid; font-size:14px; text-align:right; line-height:18px; float:right; background:url(../images/dot2.jpg) no-repeat right; padding-right:15px;}




.tuig,.jiegou{ width:890px; margin-top:5px;}

.tuig p{ width:890px; line-height:30px; text-align:left; text-indent:32px;}


.jiegou ul li{ width:890px; height:100px; border-bottom:1px dashed #333333;}

.jiegou-l{ float:left; width:550px; text-align:left; line-height:35px;}

.jiegou-r{ float:right; width:200px;}
.jiegou-r img{ max-width:145px; max-height:90px;}

.liaojie{ width:410px;  text-align:left; margin-left:1px; margin-top:20px; line-height:35px;}

.liaojie-l{ width:170px; float:left; color:#098bd2;}
.liaojie-r{ float:right;}
.liaojie-r a{ float:left; margin-left:7px;}